<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>课程信息</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="${request.contextPath}/tces/index/amazeui/css/amazeui.min.css"/>
    <link rel="stylesheet" href="${request.contextPath}/tces/index/default/style.css"/>
    <script src="${request.contextPath}/tces/index/amazeui/js/jquery.min.js"></script>
    <script src="${request.contextPath}/tces/index/amazeui/js/amazeui.min.js"></script>
</head>

<body>
<div class="container">
    <header data-am-widget="header" class="am-header am-header-default my-header">
        <div class="am-header-left am-header-nav">
            <a href="javascript:window.history.back();" class="">
                <i class="am-header-icon am-icon-chevron-left"></i>
            </a>
        </div>
        <h1 class="am-header-title">${qtype.name}</h1>
        <div class="am-header-right am-header-nav">
            <a href="/tces/index.html" class="">
                <i class="am-header-icon  am-icon-home"></i>
            </a>
        </div>
    </header>
    <!-- banner -->
    <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}'>
        <ul class="am-slides">
            <li>
                <img src="${coursePlanVo[0].img!}">
            </li>
        </ul>
    </div>
    <div class="gray-panel" style="background: #fff;">
        <div class="paoduct-title-panel" style=" border-bottom: 2px solid #eaeaea;">
            <h1 class="product-h1">${coursePlanVo[0].cname}</h1>
            <p>
                <span class="bold">授课老师：</span>
                <span class="" style="color:#f17304;">${coursePlanVo[0].tname}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span class="" style="color:#11920a;">已有${coursePlanVo[0].cname}人参评</span>
            </p>
            <p>
                <span style="font-weight: 700;font-size: 1.6rem;color: red;">评教时间段：${qtype.startTime}<i>至 </i>${qtype.endTime}</span>
            </p>
        </div>

        <!-- 介绍 -->
        <div data-am-widget="tabs" class="am-tabs am-tabs-d2">
            <ul class="am-tabs-nav am-cf">
                <li class="am-active">
                    <a href="">课程介绍</a>
                </li>
                <li class="">
                    <a href="">授课教师介绍</a>
                </li>
            </ul>
            <div class="am-tabs-bd">
                <div data-tab-panel-0 class="am-tab-panel am-active">【课程介绍】${coursePlanVo[0].description}</div>
                <div data-tab-panel-1 class="am-tab-panel">【教师介绍】${coursePlanVo[0].tdescription}</div>
            </div>
        </div>

        <div style="margin: 0 2.6% 3%;">
            <#if Result==0>
                <a href="/tces/teacherPage?qid=${qtype.id}&cpId=${coursePlanVo[0].id}" class="am-btn am-btn-success am-btn-block am-radius">去评教</a>
                <#else>    <a href="" class="am-btn am-btn-success am-btn-block am-radius" disabled="disabled">已评</a>
            </#if>


        </div>
    </div>

    <!--底部-->
    <div data-am-widget="navbar" class="am-navbar am-cf my-nav-footer " id="">
        <ul class="am-navbar-nav am-cf am-avg-sm-4 my-footer-ul">
            <li>
                <a href="/tces/index.html" class="">
                    <span class="am-icon-home"></span>
                    <span class="am-navbar-label">首页</span>
                </a>
            </li>
            <li>
                <a href="###" class="">
                    <span class=" am-icon-comments"></span>
                    <span class="am-navbar-label">消息</span>
                </a>
            </li>
            <li style="position:relative">
                <a href="javascript:;" onClick="showFooterNav();" class="">
                    <span class="am-icon-user"></span>
                    <span class="am-navbar-label">我的</span>
                </a>
                <div class="footer-nav m-img-thumbnail" id="footNav">
                    <span class=" am-icon-bank"><a href="/tces/mypj.html">我的评教</a></span>
                    <span class="am-icon-bar-chart"><a href="/index/user/index.html">评教结果</a></span>
                    <span class="am-icon-comments"><a href="#">消息中心</a></span>
                    <span class="am-icon-user"><a href="/index/user/index.html">个人资料</a></span>
                    <span class="am-icon-th-list"><a href="#">帮助中心</a></span>
                    <span class="am-icon-power-off"><a href="/admin/login.html">安全退出</a></span>
                </div>
            </li>
        </ul>
    </div>
 </div>
<script>
    function showFooterNav(){
        $("#footNav").toggle();
    }
</script>
</body>
</html>